	{:hook('global_right_top_extra')}

	{if request()->Controller() eq 'Article'}
      <div class="layui-card layui-hide-xs">
        <div class="layui-card-body">
          今天，有什么经验需要分享呢？
        <a href="{:url('wendasns/article/post')}" class="layui-btn layui-bg-blue layui-btn-fluid"><i class="fas fa-paper-plane"></i> 撰写文章发布</a>
          </div>
      </div>
	{elseif request()->Controller() eq 'Question'}
      <div class="layui-card layui-hide-xs">
        <div class="layui-card-body">
          今天，你的网站遇到什么问题呢？
        <a href="{:url('wendasns/question/post')}" class="layui-btn layui-bg-red layui-btn-fluid"><i class="fas fa-paper-plane"></i> 立即提问发布</a>
        </div>
      </div>
	{else}

	{/if}
	
	{:load_advert('WebRightOne')}
      
      <div class="layui-card layui-hide-xs">
        
        <div class="layui-card-body">
          <fieldset class="layui-elem-field layui-field-title">
 			 <legend><i class="fas fa-award"></i> 关注文章</legend>
		</fieldset>
          <ul>
          {volist name=":load_article('hot',8)" id="item"}
            {~$class = 'layui-badge layui-bg-gray'}
            {~$i = $key+1}
            {if $key eq 0}{~$class = 'layui-badge'}{/if}
            {if $key eq 1}{~$class = 'layui-badge layui-bg-orange'}{/if}
            {if $key eq 2}{~$class = 'layui-badge layui-bg-cyan'}{/if}
            <li style="margin-bottom: 5px;"><span class="{$class}">{$i}</span> <a href="{:url('wendasns/article/show',$item)}">{:substr_format($item.title)}</a><!--<span style="color: #777;float: right;">{$item.create_time|date='Y-m-d'}</span>--></li>
          {/volist}
          </ul>
        </div>
      </div>
      
      <div class="layui-card layui-hide-xs">
        
        <div class="layui-card-body">
         <fieldset class="layui-elem-field layui-field-title">
 			 <legend><i class="fas fa-hot-tub"></i> 热门问题</legend>
		</fieldset>
          <ul>
          {volist name=":load_question('hot',8)" id="item"}
            {~$class = 'layui-badge-dot layui-bg-gray'}
            {if $key eq 0}{~$class = 'layui-badge-dot'}{/if}
            {if $key eq 1}{~$class = 'layui-badge-dot layui-bg-orange'}{/if}
            {if $key eq 2}{~$class = 'layui-badge-dot layui-bg-cyan'}{/if}
            {if $key eq 3}{~$class = 'layui-badge-dot layui-bg-green'}{/if}
            {if $key eq 4}{~$class = 'layui-badge-dot layui-bg-blue'}{/if}
            <li style="margin-bottom: 5px;"><span class="{$class}"></span> <a href="{:url('wendasns/question/show',$item)}">{:substr_format($item.title)}</a><!--<span style="color: #777;float: right;">{$item.create_time|date='Y-m-d'}</span>--></li>
          {/volist}
          </ul>
        </div>
      </div>

      {:load_advert('WebRightTwo')}

      <div class="layui-card">
        
        <div class="layui-card-body">
          <fieldset class="layui-elem-field layui-field-title">
 			 <legend><i class="fas fa-tags"></i> 热点标签</legend>
		</fieldset>
          {volist name=":load_tags(30)" id="item"}
          	<a href="{:url('wendasns/topic/show',['tags'=>$item.name])}" class="tag">{if $item.icon}<i class="layui-icon {$item.icon}" style="font-size: 14px;"></i> {/if}{if $item.icon}<img src="{$item.icon}" alt="{$item.name}">{/if}{$item.name}</a>
          {/volist}
        </div>
      </div>

	<div class="layui-card">
        
        <div class="layui-card-body">
          <fieldset class="layui-elem-field layui-field-title">
 			 <legend><i class="fas fa-user-circle"></i> 活跃用户</legend>
		</fieldset>
		<div class="portraituser">
		<ul>
          {volist name=":load_active_user(20)" id="item"}
          	<li><a href="{:url('wendasns/home/index',['id'=>$item.user_id],false)}"><div class="portrait-user">{:portrait($item.user_id)}</div>{$item.users.username}</a></li>
          {/volist}
        </ul>
          
          </div>
        </div>
      </div>

      {if miniapp() neq true}{:load_advert('WebRightThree')}{/if}
      
      {:hook('global_right_bottom_extra')}